<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>饿没了商家 - 活动页面</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/merchant-homepage.css">
    <link rel="stylesheet" href="../css/merchant-activity.css">
    <link rel="stylesheet" href="../css/bootstrap.css">
    <script src="../js/bootstrap.js"></script>
    <script src="../js/jQuery3.7.1.js"></script>
    
</head>

<body>
    <div class="main-container">
        <!-- 头部区域 -->
        <header class="header">
            <a href="./merchant-homepage.html" class="logo-link">
                <h1 class="logo-text">饿没了商家版</h1>
            </a>
            <span class="merchant-store-name">小辉辉牛瘪火锅</span>
        </header>

        <!-- 左侧导航栏 -->
        <nav class="left-nav">
            <ul class="nav-options">
            <li><a href="./merchant-homepage.html" class="nav-option" target="_self"><span class="glyphicon glyphicon-home"></span>&nbsp;首页</a></li>
            <li><a href="./merchant-order.html" class="nav-option" target="_self"><span class="glyphicon glyphicon-list-alt"></span>&nbsp;订单</a></li>
            <li><a href="./merchant-product.html" class="nav-option" target="_self"><span class="glyphicon glyphicon-shopping-cart"></span>&nbsp;商品</a></li>
            <li><a href="./merchant-finance.html" class="nav-option" target="_self"><span class="glyphicon glyphicon-stats"></span>&nbsp;财务</a></li>
            <li><a href="./merchant-activity.html" class="nav-option active" target="_self"><span class="glyphicon glyphicon-calendar"></span>&nbsp;活动</a></li>
            <li><a href="./merchant-review.html" class="nav-option" target="_self"><span class="glyphicon glyphicon-comment"></span>&nbsp;评价</a></li>
            <li><a href="./merchant-settings.html" class="nav-option" target="_self"><span class="glyphicon glyphicon-cog"></span>&nbsp;设置</a></li>
        </ul>
    </nav>

        <!-- 右侧活动内容区域 -->
        <section class="right-content">
            <h2>活动页面内容</h2>
            <ul class="activity-list">
                <li>
                    <h3>炫炫满减活动</h3>
                    <p>满50减10，有效期至2024-12-31</p>
                </li>
                <li>
                    <h3>辉辉折扣活动</h3>
                    <p>全场8折，有效期至2024-12-10</p>
                </li>
            </ul>
        </section>
    </div>
</body>

</html>